<template>
    <div>
        <!-- compute -->
        <h1>{{name}}</h1>
        <h2>{{newName}}</h2>
        <button @click="name ='2020-12-09'">修改name</button>
    </div>
</template>
<script>
let name='user'//全局的
export default {
    // watch:{
    //     name(){

    //     }
    // },
    data(){
        return {
            name:'学习computed'
        }
    },
    computed:{
        //1.监听一个数据，返回一个计算后的新值
        //2.不要对监听的数据进行赋值
        newName(){
            console.log(this.name);
            return this.name + '改变了'
        }
    }
}
</script>